<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta content="width=device-width,initial-scale=1,maximum-scale=1" name="viewport">
    <meta content="telephone=no,email=no,address=no" name="format-detection">
    <meta content="on" http-equiv="x-dns-prefetch-control">
    <meta name="renderer" content="webkit" />
    <meta name="keyword" content="" />
    <meta name="description" content="" />
    <title>feiling</title>
    <link rel="stylesheet" href="../../asset/css/main.css">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="../../asset/vendor/html5shiv.min.js"></script>
    <script src="../../asset/vendor/respond.min.js"></script>
    <script>
        alert("您的浏览器版本过低请升级！");
        location.href = "http://outdatedbrowser.com/zh-cn";
    </script>
    <![endif]-->
</head>
<body>
<!---header--->
<header id="header" class="header">
    <ul>
        <li class="special first">
            <a href="index.html">
                <img src="../../asset/images/basic/litter-title.png" alt="">
            </a>
        </li>
        <li>
            <a href="">People</a>
        </li>
        <li>
            <a href="">Products</a>
        </li>
        <li>
            <a href="">Story</a>
        </li>
        <li class="active">
            <a href="">News</a>
        </li>
        <li>
            <a href="">Contact</a>
        </li>
        <li class="special last">
            <a id="searchBtn" href="javascript:;"></a>
        </li>
    </ul>
</header>
<!--新闻详情-->
<div class="news">
    <div class="news-cont">
        <div class="news-detail">
            <div class="news-title">
                our new shop in beautiful italy
            </div>
            <div class="news-detail-cont">
                <div style="padding: 0 50px">
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news detailsthis is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news detailsthis is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news detailsthis is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news detailsthis is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news detailsthis is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                    this is news details
                </div>
            </div>
        </div>
    </div>
</div>
<!---搜索--->
<div id="search" class="search">
    <div class="search-cont">
        <form class="search-from">
            <input type="text">
            <button class="search-btn">搜索</button>
        </form>
        <div class="search-list" id="search-list">
            <div id="scrollList">
                <a href="" class="search-list-item">
                    <div class="img">
                        <img src="../../asset/images/product-img-01.png" alt="">
                    </div>
                    <div class="text">
                        <div class="product-name">Product Name</div>
                        <div class="product-des">
                            Product description
                            Product description
                            Product description
                            Product description
                            Product description
                            Product description
                            Product description
                            Product description
                            Product description
                            Product description
                        </div>
                    </div>
                </a>
                <a href="" class="search-list-item">
                    <div class="img">
                        <img src="../../asset/images/product-img-01.png" alt="">
                    </div>
                    <div class="text">
                        <div class="product-name">Product Name</div>
                        <div class="product-des">
                            Product description
                            Product description
                            Product description
                            Product description
                            Product description
                            Product description
                            Product description
                            Product description
                            Product description
                            Product description
                        </div>
                    </div>
                </a>
                <a href="" class="search-list-item">
                    <div class="img">
                        <img src="../../asset/images/product-img-01.png" alt="">
                    </div>
                    <div class="text">
                        <div class="product-name">Product Name</div>
                        <div class="product-des">
                            Product description
                            Product description
                            Product description
                            Product description
                            Product description
                            Product description
                            Product description
                            Product description
                            Product description
                            Product description
                        </div>
                    </div>
                </a>
                <a href="" class="search-list-item">
                    <div class="img">
                        <img src="../../asset/images/product-img-01.png" alt="">
                    </div>
                    <div class="text">
                        <div class="product-name">Product Name</div>
                        <div class="product-des">
                            Product description
                            Product description
                            Product description
                            Product description
                            Product description
                            Product description
                            Product description
                            Product description
                            Product description
                            Product description
                        </div>
                    </div>
                </a>
                <a href="" class="search-list-item">
                    <div class="img">
                        <img src="../../asset/images/product-img-01.png" alt="">
                    </div>
                    <div class="text">
                        <div class="product-name">Product Name</div>
                        <div class="product-des">
                            Product description
                            Product description
                            Product description
                            Product description
                            Product description
                            Product description
                            Product description
                            Product description
                            Product description
                            Product description
                        </div>
                    </div>
                </a>
                <a href="" class="search-list-item">
                    <div class="img">
                        <img src="../../asset/images/product-img-01.png" alt="">
                    </div>
                    <div class="text">
                        <div class="product-name">Product Name</div>
                        <div class="product-des">
                            Product description
                            Product description
                            Product description
                            Product description
                            Product description
                            Product description
                            Product description
                            Product description
                            Product description
                            Product description
                        </div>
                    </div>
                </a>
                <a href="" class="search-list-item">
                    <div class="img">
                        <img src="../../asset/images/product-img-01.png" alt="">
                    </div>
                    <div class="text">
                        <div class="product-name">Product Name</div>
                        <div class="product-des">
                            Product description
                            Product description
                            Product description
                            Product description
                            Product description
                            Product description
                            Product description
                            Product description
                            Product description
                            Product description
                        </div>
                    </div>
                </a>
                <a href="" class="search-list-item">
                    <div class="img">
                        <img src="../../asset/images/product-img-01.png" alt="">
                    </div>
                    <div class="text">
                        <div class="product-name">Product Name</div>
                        <div class="product-des">
                            Product description
                            Product description
                            Product description
                            Product description
                            Product description
                            Product description
                            Product description
                            Product description
                            Product description
                            Product description
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </div>
</div>
<!--返回顶部-->
<a href="javascript:;" id="to-top"></a>
<script src="../../asset/vendor/jquery.min.js"></script>
<script src="../../asset/vendor/jquery.slimscroll.min.js"></script>
<script src="../../asset/js/main.js"></script>
<script>
    $(function(){

        $(".news-mask").on("click",function(){
            var parent = window.parent.document.getElementById("detail-frame");
            var parentBody = window.parent.document.body;
            $(parent).hide();
            $(parentBody).removeClass("hidden");
            return false;
        })

    });
</script>
</body>
</html>